<template>
  <div>
    <van-nav-bar
        title="举报详情"
        left-arrow
        @click-left="goBack"
    />
    <van-cell-group title="处理进度">
      <van-steps :active="active">
        <van-step>用户举报</van-step>
        <van-step>管理员处理</van-step>
        <van-step>处理完成</van-step>
      </van-steps>

    </van-cell-group>

    <van-cell-group :title="'举报编号：'+tipOffs.id">
      <van-cell>
        <van-field label="举报时间" :value="tipOffs.createTime" readonly />
        <van-field label="位置" :value="tipOffs.position" readonly />
        <van-field label="座位号" :value="tipOffs.seatNumber" readonly />
        <van-field label="举报内容" :value="tipOffs.note" readonly />
      </van-cell>

    </van-cell-group>
    <van-cell-group v-if="this.active===2" title="处理结果">
      <van-cell >
        <van-field label="处理时间" :value="tipOffs.handleTime" readonly />
        <van-field label="回复" :value="tipOffs.repay" readonly />
      </van-cell>
    </van-cell-group>

  </div>
</template>

<script>

export default {
  created() {
    if(parseInt(this.$route.params.handleStatus)===1){
      this.active = 2;
    }
  },
  data(){
    return{
      tipOffs:this.$route.params,
      active:1,
      returnSeatIds:[],
      returnSeatDisable:false
    }
  },
  methods:{
    goBack(){
      this.$router.go(-1)
    },
  },

  name: "tipsDetails"
}
</script>

<style scoped>

</style>
